<template>
  <div class="no-result">
    <!-- <div class="no-result-icon"></div> -->
    <svg
      t="1585383798607"
      class="no-result-icon"
      viewBox="0 0 1024 1024"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      p-id="1831"
      width="81"
      height="81"
    >
      <path
        d="M288.151769 766.264984c-3.998057 0-8.025791-1.269923-11.43954-3.89675-8.225335-6.326079-9.764388-18.120706-3.438309-26.345018 28.398794-36.927027 65.342194-67.48909 106.836237-88.386026 43.528376-21.920242 90.477664-33.035394 139.542126-33.035394 92.596931 0 179.693592 40.873919 238.9553 112.14208 6.634094 7.977695 5.544273 19.823488-2.433422 26.456558-7.978718 6.634094-19.823488 5.54632-26.456558-2.433422-52.101635-62.656015-128.666428-98.591459-210.064296-98.591459-43.141566 0-84.404342 9.763364-122.642225 29.01994-36.483936 18.373463-68.971861 45.25367-93.951789 77.733409C299.356972 763.740488 293.78507 766.264984 288.151769 766.264984z"
        p-id="1832"
      ></path>
      <path
        d="M512.207731 1003.740584c-65.881476 0-129.803321-12.906961-189.988052-38.362726-58.121745-24.582885-110.316501-59.772338-155.135266-104.59008-44.817742-44.817742-80.007195-97.012498-104.59008-155.134243-25.455765-60.183707-38.362726-124.103506-38.362726-189.984982 0-65.881476 12.906961-129.803321 38.362726-189.987029 24.582885-58.121745 59.773362-110.316501 104.59008-155.13322 44.817742-44.816718 97.012498-80.006172 155.135266-104.589057 60.184731-25.454742 124.105552-38.362726 189.988052-38.362726 65.881476 0 129.801275 12.906961 189.984982 38.362726 58.121745 24.582885 110.315478 59.772338 155.13322 104.589057 44.817742 44.817742 80.007195 97.011474 104.59008 155.13322 25.455765 60.183707 38.362726 124.105552 38.362726 189.987029 0 54.640458-8.968256 108.295472-26.65508 159.476131-17.08512 49.441039-41.959647 95.644337-73.928756 137.322575-0.900509 1.200338-8.815783 11.686157-16.886599 20.428262-7.039323 7.622608-18.924002 8.099469-26.547633 1.061169s-8.099469-18.924002-1.061169-26.547633c7.086395-7.67582 14.403035-17.441231 14.475689-17.539468l0.143263-0.188288c29.538757-38.491663 52.516074-81.157391 68.292386-126.810151 16.318664-47.223534 24.593118-96.750531 24.593118-147.20362 0-60.82532-11.908214-119.821993-35.394115-175.349657-22.689768-53.642734-55.174624-101.822037-96.553033-143.201469-41.379433-41.378409-89.558735-73.863265-143.200446-96.55201C632.028701 77.079516 573.032028 65.171302 512.207731 65.171302c-60.826344 0-119.823016 11.908214-175.35068 35.394115-53.643758 22.688745-101.824083 55.1736-143.202493 96.55201-41.379433 41.379433-73.864288 89.558735-96.553033 143.201469-23.485901 55.527664-35.394115 114.524336-35.394115 175.349657 0 60.82532 11.908214 119.819946 35.394115 175.34761 22.688745 53.642734 55.174624 101.82306 96.553033 143.201469 41.379433 41.379433 89.559758 73.864288 143.202493 96.553033 55.528688 23.486924 114.524336 35.395138 175.35068 35.395138 73.439616 0 146.304134-18.057261 210.740702-52.224432 5.963829-3.391237 79.408561-44.440142 147.891282-49.631374 10.328229-0.802272 19.36914 6.966669 20.152992 17.313318 0.784876 10.345626-6.967692 19.36914-17.313318 20.152992-61.33595 4.64888-131.62583 44.522006-132.328841 44.924165l-0.528026 0.291642C670.918429 984.117664 591.863932 1003.740584 512.207731 1003.740584z"
        p-id="1833"
      ></path>
      <path
        d="M368.281761 417.880389c-29.254278 0-53.055356-23.799032-53.055356-53.051263 0-29.254278 23.800056-53.055356 53.055356-53.055356 29.252231 0 53.05024 23.800056 53.05024 53.055356C421.332001 394.081357 397.533992 417.880389 368.281761 417.880389zM368.281761 349.34855c-8.53642 0-15.480576 6.944156-15.480576 15.480576 0 8.53335 6.944156 15.476483 15.480576 15.476483 8.53335 0 15.476483-6.943133 15.476483-15.476483C383.758244 356.292706 376.815111 349.34855 368.281761 349.34855z"
        p-id="1834"
      ></path>
      <path
        d="M661.924591 417.880389c-29.252231 0-53.051263-23.799032-53.051263-53.051263 0-29.254278 23.799032-53.055356 53.051263-53.055356s53.05024 23.800056 53.05024 53.055356C714.973808 394.081357 691.176822 417.880389 661.924591 417.880389zM661.924591 349.34855c-8.534374 0-15.476483 6.944156-15.476483 15.480576 0 8.53335 6.942109 15.476483 15.476483 15.476483 8.53335 0 15.47546-6.943133 15.47546-15.476483C677.400051 356.292706 670.456918 349.34855 661.924591 349.34855z"
        p-id="1835"
      ></path>
    </svg>
    <p class="no-result-text">{{ title }}</p>
  </div>
</template>

<script>
export default {
  name: 'no-result',
  props: {
    title: {
      type: String,
      default: ''
    }
  }
};
</script>

<style lang="scss" scoped>
@import 'assets/css/variable';
@import 'assets/css/mixin';
.no-result {
  text-align: center;
  opacity: 0.5;
  .no-result-icon {
    width: 86px;
    height: 90px;
    margin: 0 auto;
    fill: $color-theme;
    // @include bg-image();
    // background-size: 86px 90px;
  }
  .no-result-text {
    margin-top: 30px;
    font-size: $font-size-medium;
    color: $color-theme;
  }
}
</style>
